#mine {
	margin: 20px auto;
}
.level {
	text-align: center;
	margin-bottom: 10px;
}
.level button {
	padding: 5px 15px;
	background: #60dfe6;
	border: none;
	color: #fff;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
}
.level button.active {
	background: #ffc4c4;
}

.tips {
	display: none;
	text-align: center;
	margin-top: 3px;
	font-size: 24px;
	font-weight: bold;
	color: #f00;
}

table {
	border-spacing: 1px;
	background: #79787c;
	margin: 0 auto;
}
td {
	padding: 0;
	width: 20px;
	height: 20px;
	background: rgb(250, 215, 234);
	border: 4px solid;
	border-color: #fff #fbc7c7 #bcbcbc #fff;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}

.info {
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.timer{
    height: 25px;
    width: 150px;
    border: solid 2px #000;
    font-weight: bold;
    margin:  auto;
    text-align: center;

}

.mine {
	background: #fff url(../1/mine.jpg) no-repeat center;
	background-size: cover;
}

.redMine {
	background: #fff url(../1/redMine.png) no-repeat center;
	background-size: cover;
}

.flag {
	background: #fff url(../1/flag.jpeg) no-repeat center;
	background-size: cover;
}

td.zero{
	border-color: #fea2b9;
	background: #fea2b9;
}
td.one{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #0332fe;
}
td.two{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #ff0000;
}
td.three{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #2E8B57;
}
td.four{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #000000;
}
td.five{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #ff7f29;
}
td.six{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #7f3fff;
}
td.seven{
	border-color: #c3fcff;
	background: #c3fcff;
	color: rgb(194, 194, 194);
}
td.eight{
	border-color: #c3fcff;
	background: #c3fcff;
	color: #22ee0f;
}
